// import videos from '../../video/rBsCHGRjMUmAdnB7BuCLPLZ-E4U081.mp4'
import { useState } from 'react'
import MyCustomer from '../customer/MyCustomer'
import MyVideoDanmu from './components/Barrage'
import style from './style.module.css'
import {
  WechatOutlined
} from '@ant-design/icons';
import { Button } from 'antd';

function MyVideo() {
  // 控制视频和聊天窗口的显示隐藏
  const [isFlag, setFlag] = useState(true)
  return (
    <div className={style.box}>
      <Button className={style.wechat}><WechatOutlined style={{ color: "green", fontSize: "30px" }} onClick={() => setFlag(!isFlag)} /></Button>
      {
        isFlag ? <MyVideoDanmu /> : <MyCustomer />
      }


    </div>
  )
}

export default MyVideo
